<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>按天包车支付页</title>
		<link rel="stylesheet" href="${ctxStatic }/gov/css/gov_total.css" />
		<script type="text/javascript" src="${ctxStatic }/gov/js/jquery-1.8.3.min.js" ></script>
	</head>
	    	 <link rel="stylesheet" href="${ctxStatic }/index/css/popup.css" />
		<script>
			$(function(){
				$('#cancel').click(function(){
					if(confirm('你确定要取消此订单吗?')){
						$('#cancelForm').submit();
					}
				})
				var mes = "${messages}";
				if(mes.length>0){
					alert(mes);
					window.location.href = "${ctxFront }/indexTravelRent";
				}
				var pay=true;
             $('.pay_exp').click(function(){         
                if(pay){
                	   	$('.pay_cicon').css('transform',' rotateZ(-45deg)');
                	   	$('.pay_hj').slideDown('fast');
                	   	pay=false;
                }else{
                	    $('.pay_cicon').css('transform',' rotateZ(135deg)');
                	    $('.pay_hj').slideUp('fast');
                	    pay=true;
                }
             })
                pay!=pay;
                
                $('.pay_btn').click(function(){
                	$('#open_pay').fadeIn();
                })
			})
		</script>
	<body>
		<%@include file="../index/head.jsp" %>
		<form id="payForm" action="${ctxFront}/pay/pay" method="get" target="_blank">
		<input type="hidden" name="orderid" value="${orders.orderid }"/>
		<input type="hidden" name="ordertype" value="${orders.ordertype }"/>
		<div id="pay_page">
			 <div class="pay_list">
			 	 <div class="payli_box">
			 	 	<div class="pay_moeny">
			 	 		<span>订单金额：</span>
			 	 		<b>￥${orders.dueamount}</b>
			 	 	</div>
			 	 	<div class="pay_txts">
			 	 		<p class="pay_product">
			 	 			<b>包车产品：</b>
			 	 			<b>${orders.ordername}</b>
			 	 		</p>
			 	 		<p class="pay_hj">
			 	 			<span>
			 	 				<b>上车地点：</b>
			 	 				<b>${orders.boardaddr}</b>
			 	 			</span>
			 	 			<span>
			 	 				<b>用车时间：</b>
			 	 				<b>${orders.departdateStr }</b>
			 	 			</span>
			 	 		</p>
			 	 		<p class="pay_hj">
			 	 			<span>
			 	 				<b>用车辆数：</b>
			 	 				<b>${orders.purchasenum }</b>
			 	 			</span>
			 	 			<span>
			 	 				<b>乘车人：</b>
			 	 				<b>${orders.contacts }</b>
			 	 			</span>
			 	 		</p>		 	 		
			 	 	</div>
			 	 	<a href="#" class="pay_exp">
			 	 		<span>订单详情</span>
			 	 		<i class="pay_cicon"></i>
			 	 	</a>
			 	 </div>
			     <div class="go_pay">
			     	  <p>
			     	  	<b>需支付：</b>
			     	  	<b>￥${orders.dueamount}</b>
			     	  </p>
			     	  <p class="gopay_i">
			     	  	<b>支付方式：</b>
			     	  	<label>
			     	  		<input type="radio" name="payway" checked="checked" value="${TORDERS_PAY_WAY_WXPAY }" />
			     	  		<font>微信支付</font>
			     	  	</label>
			     	  	<label>
			     	  		<input type="radio" name="payway" value="${TORDERS_PAY_WAY_ALIPAY }"/>
			     	  		<font>支付宝支付</font>
			     	  	</label>
			     	  	<a href="javascript:void(0)" class="pay_btn" id="ClickMe" onclick="$('#payForm').submit();">支付</a>
			     	  </p>
			     </div>
			 </div>
		</div>
		<div id="open_pay">
		 	   <div class="paym_pop">
		 	   	     <div class="pay_overs">
		 	   	     	<a href="${ctxGov}/orderList">支付完成</a>
		 	   	     </div>
		 	   	     <div class="pay_prol">
		 	   	     	<a href="${ctxGov}/orderList">遇到问题</a>
		 	   	     </div>
		 	   </div>
		 </div>
		 </form>
		 <%@include file="../index/foot.jsp" %>
	</body>
</html>